@charset "utf-8";
body{
   min-width: 1280px; 
   background: #FFFFFF;
}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width: $width;
    height: $height;
    background: $bg;    
}
@mixin size($width,$height){
    width: $width;
    height: $height;
}
.web{
    width: 100%;
    height: 100%;
}
    header{
        width: 100%;
        .top{
            background: #dfdfde;
            height: 40px;
            line-height: 40px;
            .main{
                width: 995px;
                margin: 0 auto;
                a{
                    font-size: 14px;
                    color: #000000;
                    margin-left:25px;
                } 
            }
        }
        nav{
            @include mi(995px,96px,white);
            margin: 0 auto;
            .logo{
                display: inline-block;
                @include size(304px,94px);
                img{
                    @include size(100%,100%);
                    }
               }
                    ul{
                        width: 605px;
                        li{
                            @include size(85px,96px);
                            float: left;
                            text-align: center;
                            line-height: 24px;
                            padding-top:28px ;
                            box-sizing: border-box;
                            a{
                                color: #000000;
                            }
                        }
                        li:hover{
                            background: #faf8f8;
                            border-bottom: 3px solid #3c9cd3;
                        }
                    }
                    .active{
                        background: #faf8f8;
                        border-bottom: 3px solid #3c9cd3;
                    }
                
            
        }
    }
    .carou{
        width: 100%;
        position:relative;
        img{
            width: 100%;
        }
    }

.new{
    @include size(1280px,482px);
    margin: 0 auto;
    .small-new{
            @include size(1075px,443px);
            margin: 0 auto;
            .new-left{
                @include size(488px,443px);
                margin: 0 auto;
                margin-top: 10px;
                position: relative;
                a{
                    font-size:12px;
                    color: black;
                }
                .new-fangda{
                    @include size(488px,252px);
                    margin-top:63px;
                    margin-left:-20px;
                    .new-picda{
                        @include size(312px,252px);
                        margin: 0 auto;
                        img{
                            width: 100%;
                        }
                    }
                    .shousuo{
                        display: block;
                        position: absolute;
                        right: 0;
                        top: 60%;
                        margin-right:10px;
                        @include size(32px,24px);
                        img{
                            width: 100%;
                        }
                    }
                }
                .new-ul{
                    @include size(486px,90px);
                    li{
                        @include size(95px,90px);
                        border: 1px solid #b4b4b4;
                        float: left;
                        img{
                            @include size(95px,90px);
                        }
                    }
                }
            }
            .new-right{
                @include size(541px,443px);
                .new-font{
                    margin-top: 88px;
                    @include size(472px,257px);
                    h1{
                        font-size: 22px;
                        line-height: 44px;
                        color:#468bd9;
                    }
                    h2{
                        font-size: 22px;
                        line-height: 44px;
                    }
                    b{
                        font-size:18px;
                        line-height:30px;
                    }
                    p{
                        font-size: 12px;
                        line-height: 24px;
                    }
                }
                .new-button{
                    margin-top: 30px;
                    @include size(472px,46px);
                    input[type="button"]{
                        @include mi(168px,46px,#468bd9);
                        margin-left: 52px;
                        color: white;
                    }
                    input[name="bu"]{
                        background: #b5b5b5;
                    }
                }
            }
}
}
.nav{
    @include mi(100%,100px,#b5b5b5);
    margin: 0 auto;
    li{
        @include size(95px,98px);
        float: left;
        margin-left: 63px;
        text-align: center;
        a{
            font-size: 20px;
            line-height: 98px;
            color: white;
        }
    }
    li:hover{
        color: #468bd9;
        background: #faf8f8;
        border-bottom: 2px solid #3c9cd3;
        a{
             color:#3c9cd3 ;
        }
}   
    li:first-child{
        background: #faf8f8;
        border-bottom: 2px solid #3c9cd3;
        margin-left:190px;
        a{
            color:#3c9cd3 ;
        }
    }
}
.nav-can{
    @include size(908px,2750px);
    margin: 0 auto;
    .nav1{
        @include size(908px,579px);
        margin: 0 auto;
        .nav1-font{
            @include size(908px,238px);
            margin-top:60px;
            text-align: center; 
            h1{
                font-size: 32px;
                line-height: 46px;
                color: #4c86eb;
            }
            p{
                font-size: 12px;
                line-height: 27px;
                color: #d3d3d3;
            }
            p:last-child{
                color: #adadad;
             }
        }
        .nav1-img{
            @include size(986px,345px);
            margin: 0 auto;
            .nav1-img1{
                @include size(264px,136px);
                margin: 0 auto;
                margin-left:132px;
                }
            .nav1-img2{
                    @include size(256px,345px);
                    margin-top:-219px;
                    margin-right: 210px;
            }
        }
    }
    .nav2{
        @include size(986px,761px);
        margin: 0 auto;
        .nav2-font{
            @include size(986px,208px);
            margin-left:-39px;
            text-align: center;
            h1{
                font-size: 32px;
                line-height: 46px;
                color: #4c86eb;
            }
            p{
                font-size: 12px;
                line-height: 27px;
                color: #d3d3d3;
            }
            p:last-child{
                color: #adadad;
             }
        }
        .nav2-img{
            @include size(748px,553px);
            margin: 0 auto;
            img{
                width: 100%;
            }
        }
    }
    .nav3{
        @include size(986px,650px);
        margin: 0 auto;
        .nav3-font{
            @include size(986px,210px);
            margin-top: 50px;
            text-align: center;
            h1{
                font-size: 32px;
                line-height: 46px;
                color: #4c86eb;
            }
            p{
                font-size: 12px;
                line-height: 27px;
                color: #d3d3d3;
            }
            p:last-child{
                color: #adadad;
             }
        }
        .nav3-img{
            @include size(737px,441px);
            margin: 0 auto;
        }
    }
    .nav4{
        @include size(986px,698px);
        margin: 0 auto;
        .nav4-font{
            @include size(986px,122px);
            margin: 0 auto;
            text-align: center;
            h1{
                font-size: 32px;
                line-height:112px;
                color: #0053f7;
            }
        }
        .work{
            @include size(556px,510px);
            margin: 0 auto;
            li{
                @include size(175px,510px);
                float: left;
                text-align: center;
                img{
                        @include size(169px,166px);
                    }
                h1{
                    font-size: 16px;
                    line-height: 24px;
                    color: #5769d8;
                }
                p{
                    font-size: 12px;
                    line-height: 16px;
                }
                .nav4-two{
                    padding-top: 16px;
                }
                .nav4-img2{
                    @include size(185px,245px);
                    margin-top:90px;
                    img{
                        @include size(185px,245px);
                    }
                }
            }
            li:nth-child(2){
                width: 203px;
                .nav4-img{
                    @include size(175px,166px);
                    margin: 0 auto;
                    
                }
            }
        }
    }
}
.much,.have{
    @include mi(100%,101px,#b5b5b5);
    p{
        font-size:24px;
        line-height:101px;
        color: white;
        margin-left: 200px;
    }
}
.table{
    @include size(100%,1051px);
    .table-samll{
        @include size(924px,815px);
        margin: 0 auto;
        .photo{
            @include size(276px,810px);
            margin-top: 104px;
            .photo1{
                @include size(275px,156px);
                margin-top: 164px;
                margin-left: 27px;
            }
            .photo2{
                @include size(275px,170px);
                margin-top: 164px;
                margin-left: 27px;
            }
            img{
                width: 100%;
            }
        }
        .biao2{
            @include size(616px,810px);
            text-align: center; 
            margin-top: 104px;  
            font-size:10px;
            margin-left: 20px;
            tr td{
                @include size(82px,22px);
            }
            tr td:nth-child(2){
               @include size(106px,22px);
            }
            tr td:last-child{
                text-align: left;
            }
        }
    }
}
.li-photo{
    @include size(100%px,310px);
    .li-photo-ul{
            @include size(986px,177px);
            margin: 0 auto;
            li{
                 @include size(194px,177px);
                 float: left;
                 margin-top: 74px;
                 margin-bottom: 109px;
                 img{
                     width: 100%;
                 }
            }
        }
}
.address{
    @include mi(100%px,104px,#3c9cd3);
    position: relative;
    .guanzhu{
            @include size(300px,21px);
            color: white;
            display: block;
            position: absolute;
            top:20%;
            left:40%;
           
            img{
                margin-right: 26px;
                @include size(25px,21px);
            }
            
        }
       .address-ul{
            margin: 0 auto;
            @include size(500px,30px);
            padding-top:60px;
   
            li{
                @include size(70px,30px);
                float: left;
                list-style: none;
                color: white;
                padding-right:10px ;
                a{
                    font-size: 14px;
                    line-height: 14px;
                    color: white;
                }
            }
            li:first-child{
                list-style: none;
            }
        }
}
.cc{
    @include mi(100%,35px,#1c1b29);
    p{
        text-align: center;
        color: white;   
        font-size: 14px;
        line-height: 35px;
        }
}
